//柱状图
var barOption = {
		color:["#00a9e1","#0046af","#360293"],
    tooltip: {
//      trigger: 'axis',
//      axisPointer: {
//          type: 'cross',
//          crossStyle: {
//              color: '#999'
//          }
//      }
    },
    grid:{
    	top:'15%',
      left: '6%',
      right: '3%',
      bottom: '5%',
      containLabel: true
    },
    toolbox: {
    	show:false,
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
    	show:false,
    	textStyle:{
    		color:'#fff'
    	},
        //data:['蒸发量','降水量','平均温度']
    },
    xAxis: [
        {
          type: 'category',
          data: ['联通','移动','电信'],
          axisPointer: {
              type: 'shadow'
          },
          axisLabel:{
          	color:'#c0d4da'
          },
	        axisLine:{
	        	show:true,
	        	lineStyle:{
	        		color:'#c0d4da'
	        	}
	        }
        }
    ],
    yAxis: [
        {
          type: 'value',
          name: '单位',
          min: 0,
          max: 250,
          interval: 50,
          axisLabel: {
            color:'#c0d4da'
          },
          axisLine:{
	        	show:true,
	        	lineStyle:{
	        		color:'#c0d4da'
	        	}
        	},
        	splitLine:{
        		lineStyle:{
	        		color:'#272858'
	        	}
        	}
        }
    ],
    series: [
        {
            name:'蒸发量',
            type:'bar',
            barWidth:'25%',
            data:[20, 49, 70]
        }
    ]
};

function getBarOption(data){
	var barOption = {
			color:["#00a9e1","#0046af","#360293"],
	    tooltip: {
//	      trigger: 'axis',
//	      axisPointer: {
//	          type: 'cross',
//	          crossStyle: {
//	              color: '#999'
//	          }
//	      }
	    },
	    grid:{
	    	top:'15%',
	      left: '6%',
	      right: '3%',
	      bottom: '5%',
	      containLabel: true
	    },
	    toolbox: {
	    	show:false,
	        feature: {
	            dataView: {show: true, readOnly: false},
	            magicType: {show: true, type: ['line', 'bar']},
	            restore: {show: true},
	            saveAsImage: {show: true}
	        }
	    },
	    legend: {
	    	show:false,
	    	textStyle:{
	    		color:'#fff'
	    	},
	        //data:['蒸发量','降水量','平均温度']
	    },
	    xAxis: [
	        {
	          type: 'category',
	          data: ['电信','移动','联通'],
	          axisPointer: {
	              type: 'shadow'
	          },
	          axisLabel:{
	          	color:'#c0d4da'
	          },
		        axisLine:{
		        	show:true,
		        	lineStyle:{
		        		color:'#c0d4da'
		        	}
		        }
	        }
	    ],
	    yAxis: [
	        {
	          type: 'value',
	          name: '单位',
	          min: 5,
	          max: 6,
	          interval: 50,
	          axisLabel: {
	            color:'#c0d4da'
	          },
	          axisLine:{
		        	show:true,
		        	lineStyle:{
		        		color:'#c0d4da'
		        	}
	        	},
	        	splitLine:{
	        		lineStyle:{
		        		color:'#272858'
		        	}
	        	}
	        }
	    ],
	    series: data/*[
	        {
	            name:'蒸发量',
	            type:'bar',
	            barWidth:'25%',
	            data:[20, 49, 70]
	        }
	    ]*/
	};
	return barOption;
}

var dataBar2014 = [
	{
        name:'平均分',
        type:'bar',
        barWidth:'25%',
        data:[5.693, 5.826,5.64]
    }
]
var dataBar2015 = [
	{
      name:'平均分',
      type:'bar',
      barWidth:'25%',
          data:[5.763,5.937,5.763]
      }
  ]
var dataBar2016 = [
  	{
      name:'平均分',
      type:'bar',
      barWidth:'25%',
      data:[5.653,5.935,5.539]
   }
]

var barChart = echarts.init(document.getElementById('ec_bar'))
barChart.setOption(getBarOption(dataBar2014));

$("#mySelect3").change(function(){
	var year = $("#mySelect3").val();
	var barOption = null;
	if(year == 2014){
		barOption = getBarOption(dataBar2014);
	}else if(year == 2015){
		barOption = getBarOption(dataBar2015);
	}else{
		barOption = getBarOption(dataBar2016);
	}
	barChart.setOption(barOption)
});

//地图
//2014 电信
var mapData2014_dx=[
  {name: '北京',value: 5.815 },{name: '天津',value: 5.802},{name: '上海',value: 5.9 },{name: '重庆',value: 5.413 },
  {name: '河北',value: 5.835}, {name: '河南',value:5.773 }, {name: '云南',value: 5.776 },{name: '辽宁',value: 5.935 },
  {name: '黑龙江',value: 5.835 },{name: '湖南',value: 5.9 },{name: '安徽',value: 5.8 },{name: '山东',value: 5.678 },
  {name: '新疆',value: 5.87},{name: '江苏',value: 5.84 },{name: '浙江',value: 5.92 },{name: '江西',value: 5.73 },
  {name: '湖北',value: 5.635 },{name: '广西',value: 5.646 },{name: '甘肃',value: 5.685 },{name: '山西',value: 5.84 },
  {name: '内蒙古',value: 5.8 },{name: '陕西',value: 5.681 },{name: '吉林',value: 5.406 },{name: '福建',value: 5.52 },
  {name: '贵州',value: 5.748 },{name: '广东',value: 5.6 },{name: '青海',value: 5.524 },{name: '西藏',value: 5.149 },
  {name: '四川',value: 5.509 },{name: '宁夏',value: 5.154 },{name: '海南',value: 5.768 },
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]
//2014 联通
var mapData2014_lt=[
             {name: '北京',value: 5.675},{name: '天津',value: 5.692},{name: '上海',value: 5.795},{name: '重庆',value: 5.642},
             {name: '河北',value: 5.677}, {name: '河南',value:5.78}, {name: '云南',value: 5.836},{name: '辽宁',value: 5.56},
             {name: '黑龙江',value: 5.595},{name: '湖南',value: 5.703},{name: '安徽',value: 5.7},{name: '山东',value: 5.82},
             {name: '新疆',value: 5.685},{name: '江苏',value: 5.82},{name: '浙江',value: 5.82},{name: '江西',value: 5.25 },
             {name: '湖北',value: 5.715},{name: '广西',value: 5.66},{name: '甘肃',value: 5.25 },{name: '山西',value: 5.672},
             {name: '内蒙古',value: 5.666},{name: '陕西',value: 5.152 },{name: '吉林',value: 5.64},{name: '福建',value: 5.602},
             {name: '贵州',value: 5.643},{name: '广东',value: 5.529},{name: '青海',value: 5.72},{name: '西藏',value: 5.855},
             {name: '四川',value: 5.536},{name: '宁夏',value: 5.496 },{name: '海南',value: 5.768 },
             {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
           ]
//2014 移动
var mapData2014_yd=[
             {name: '北京',value: 5.7},{name: '天津',value: 5.827},{name: '上海',value: 5.945},{name: '重庆',value: 5.803},
             {name: '河北',value: 5.598}, {name: '河南',value:5.82}, {name: '云南',value: 5.98},{name: '辽宁',value: 5.94},
             {name: '黑龙江',value: 5.8},{name: '湖南',value: 5.9},{name: '安徽',value: 5.9},{name: '山东',value: 5.72},
             {name: '新疆',value: 5.88},{name: '江苏',value: 5.83},{name: '浙江',value: 5.92},{name: '江西',value: 5.65},
             {name: '湖北',value: 5.798},{name: '广西',value: 5.86},{name: '甘肃',value: 5.76},{name: '山西',value: 5.87},
             {name: '内蒙古',value: 5.84},{name: '陕西',value: 5.92},{name: '吉林',value: 5.82},{name: '福建',value: 5.764},
             {name: '贵州',value: 5.92},{name: '广东',value: 5.7},{name: '青海',value: 5.696},{name: '西藏',value: 5.8},
             {name: '四川',value: 5.884},{name: '宁夏',value: 5.848},{name: '海南',value: 5.909},
             {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
           ]

//2015 电信
var mapData2015_dx=[
  {name: '北京',value: 5.88},{name: '天津',value: 5.98},{name: '上海',value: 5.863},{name: '重庆',value: 5.477},
  {name: '河北',value: 5.523}, {name: '河南',value:5.777}, {name: '云南',value: 5.916},{name: '辽宁',value: 5.307},
  {name: '黑龙江',value: 5.88},{name: '湖南',value: 5.96},{name: '安徽',value: 5.67},{name: '山东',value: 5.507},
  {name: '新疆',value: 5.85},{name: '江苏',value: 5.907},{name: '浙江',value: 5.92},{name: '江西',value: 5.863},
  {name: '湖北',value: 5.613},{name: '广西',value: 5.79},{name: '甘肃',value: 5.803},{name: '山西',value: 5.7},
  {name: '内蒙古',value: 5.873},{name: '陕西',value: 5.778},{name: '吉林',value: 5.513},{name: '福建',value: 5.91},
  {name: '贵州',value: 5.823},{name: '广东',value: 5.513},{name: '青海',value: 5.833},{name: '西藏',value: 5.752},
  {name: '四川',value: 5.82},{name: '宁夏',value: 5.87},{name: '海南',value: 5.79},
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]

//2015 联通
var mapData2015_lt=[
  {name: '北京',value: 5.85},{name: '天津',value: 5.98},{name: '上海',value: 5.702},{name: '重庆',value: 5.604},
  {name: '河北',value: 5.767}, {name: '河南',value:5.953}, {name: '云南',value: 5.95},{name: '辽宁',value: 5.527},
  {name: '黑龙江',value: 5.913},{name: '湖南',value: 5.893},{name: '安徽',value: 5.88},{name: '山东',value: 5.63},
  {name: '新疆',value: 5.917},{name: '江苏',value: 5.88},{name: '浙江',value: 5.843},{name: '江西',value: 5.897},
  {name: '湖北',value: 5.81},{name: '广西',value: 5.78},{name: '甘肃',value: 5.257},{name: '山西',value: 5.76},
  {name: '内蒙古',value: 5.718},{name: '陕西',value: 5.781},{name: '吉林',value: 5.55},{name: '福建',value: 5.118},
  {name: '贵州',value: 5.992},{name: '广东',value: 5.63},{name: '青海',value: 5.92},{name: '西藏',value: 5.821},
  {name: '四川',value: 5.96},{name: '宁夏',value: 5.79},{name: '海南',value: 5.752},
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]

//2015 移动
var mapData2015_yd=[
  {name: '北京',value: 5.86},{name: '天津',value: 5.972},{name: '上海',value: 5.933},{name: '重庆',value: 5.893},
  {name: '河北',value: 5.907}, {name: '河南',value:5.96}, {name: '云南',value: 5.98},{name: '辽宁',value: 5.98},
  {name: '黑龙江',value: 5.933},{name: '湖南',value: 5.9},{name: '安徽',value: 5.93},{name: '山东',value: 5.933},
  {name: '新疆',value: 5.933},{name: '江苏',value: 5.877},{name: '浙江',value: 5.92},{name: '江西',value: 5.957},
  {name: '湖北',value: 5.9},{name: '广西',value: 5.913},{name: '甘肃',value: 5.94},{name: '山西',value: 5.963},
  {name: '内蒙古',value: 5.94},{name: '陕西',value: 5.96},{name: '吉林',value: 5.96},{name: '福建',value: 5.955},
  {name: '贵州',value: 5.82},{name: '广东',value: 5.88},{name: '青海',value: 5.92},{name: '西藏',value: 5.869},
  {name: '四川',value: 6},{name: '宁夏',value: 6},{name: '海南',value: 5.98},
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]


//2016 电信
var mapData2016_dx=[
  {name: '北京',value: 5.91},{name: '天津',value: 5.96},{name: '上海',value: 5.85},{name: '重庆',value: 5.64},
  {name: '河北',value: 5.555}, {name: '河南',value:5.96}, {name: '云南',value: 5.866},{name: '辽宁',value: 5.73},
  {name: '黑龙江',value: 5.765},{name: '湖南',value: 5.77},{name: '安徽',value: 5.89},{name: '山东',value: 5.92},
  {name: '新疆',value: 5.84},{name: '江苏',value: 5.94},{name: '浙江',value: 5.721},{name: '江西',value: 5.77},
  {name: '湖北',value: 5.68},{name: '广西',value: 5.86},{name: '甘肃',value: 5.375},{name: '山西',value: 5.703},
  {name: '内蒙古',value: 5.563},{name: '陕西',value: 5.515},{name: '吉林',value: 5.695},{name: '福建',value: 5.893},
  {name: '贵州',value: 5.004},{name: '广东',value: 5.832},{name: '青海',value: 5.708},{name: '西藏',value: 4.593},
  {name: '四川',value: 4.995},{name: '宁夏',value: 5.69},{name: '海南',value: 5.064},
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]

//2016 联通
var mapData2016_lt=[
  {name: '北京',value: 5.73},{name: '天津',value: 5.92},{name: '上海',value: 5.91},{name: '重庆',value: 5.512},
  {name: '河北',value: 5.37}, {name: '河南',value:5.925}, {name: '云南',value: 5.484},{name: '辽宁',value: 5.5},
  {name: '黑龙江',value: 5.58},{name: '湖南',value: 5.82},{name: '安徽',value: 5.85},{name: '山东',value: 5.721},
  {name: '新疆',value: 5.648},{name: '江苏',value: 5.57},{name: '浙江',value: 5.648},{name: '江西',value: 5.56},
  {name: '湖北',value: 5.24},{name: '广西',value: 5.62},{name: '甘肃',value: 5.53},{name: '山西',value: 5.717},
  {name: '内蒙古',value: 5.237},{name: '陕西',value: 4.158},{name: '吉林',value: 5.613},{name: '福建',value: 5.938},
  {name: '贵州',value: 5.184},{name: '广东',value: 4.721},{name: '青海',value: 5.493},{name: '西藏',value: 5.69},
  {name: '四川',value: 5.608},{name: '宁夏',value: 5.629},{name: '海南',value: 5.585},
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]

//2016 移动
var mapData2016_yd=[
  {name: '北京',value: 5.97},{name: '天津',value: 5.99},{name: '上海',value: 5.95},{name: '重庆',value: 5.96},
  {name: '河北',value: 5.75}, {name: '河南',value:5.5}, {name: '云南',value: 5.95},{name: '辽宁',value: 6},
  {name: '黑龙江',value: 5.985},{name: '湖南',value: 6},{name: '安徽',value: 6},{name: '山东',value: 5.8},
  {name: '新疆',value: 5.98},{name: '江苏',value: 5.93},{name: '浙江',value: 5.96},{name: '江西',value: 5.925},
  {name: '湖北',value: 5.9},{name: '广西',value: 6},{name: '甘肃',value: 5.95},{name: '山西',value: 6},
  {name: '内蒙古',value: 5.99},{name: '陕西',value: 5.96},{name: '吉林',value: 5.98},{name: '福建',value: 5.925},
  {name: '贵州',value: 5.87},{name: '广东',value: 6},{name: '青海',value: 5.97},{name: '西藏',value:5.99},
  {name: '四川',value: 5.97},{name: '宁夏',value: 5.92},{name: '海南',value: 5.9},
  {name: '台湾',value: 0 },{name: '香港',value: 0 },{name: '澳门',value: 0 }
]

var geoCoordMap={}
var mapFeatures = echarts.getMap('china').geoJson.features;
mapFeatures.forEach(function(v) {
    // 地区名称
    var name = v.properties.name;
    // 地区经纬度
    geoCoordMap[name] = v.properties.cp;
});
var convertData = function (data) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].value)
            });
        }
    }
    return res;
};

function getOptionMap(mapData,type){
	var optionMap = {
			tooltip : {
				trigger : 'item',
				formatter : function(param) {
					// console.log(param)
					return '<div>中国'+type+param.name+"分公司："+param.data.value[2]+'</div>'
				}
			},
			geo : {
				show : true,
				zoom : 1.2,
				roam : false,
				map : 'china',
				itemStyle : {
					normal : {
						show : false,
						borderColor : '#285ac6',
						borderWidth : 1,
						areaColor : '#123082',
						shadowBlur : 3,
						shadowColor : '#081435',
						shadowOffsetX : -4,
						shadowOffsetY : 8
					},
					emphasis : {
						areaColor : '#fce24f',
						borderColor : '#fce24f'
					}
				}
			},
			series : [ {
				type : 'map',
				zoom : 1.2,
				mapType : 'china',
				// geoIndex: 0,
				roam : false,
				label : {
					normal : {
						show : false,
						textStyle : {
							color : '#fff'
						}
					},
					emphasis : {
						show : true,
						textStyle : {
							color : '#fff'
						}
					}
				},
				itemStyle : {
					normal : {
						show : false,
						borderColor : '#3770ea',
						borderWidth : 1,
						areaColor : '#0f2d87'
					},
					emphasis : {
						areaColor : '#2a56bd',
						borderColor : '#2a56bd',
					// opacity: 0.8,
					}
				},
				data : convertData(mapData)
			}, {
				name : 'Top 5',
				type : 'effectScatter',
				zlevel : 1,
				coordinateSystem : 'geo',
				symbolSize : function(val) {
					return val[2] / 6 * 4 + 10
				},
				showEffectOn : 'render',
				rippleEffect : {
					brushType : 'stroke'
				},
				hoverAnimation : true,
				label : {
					normal : {
						// formatter: '{b}',
						position : 'right',
						show : false
					}
				},
				itemStyle : {
					normal : {
						color : '#f4e925',
						shadowBlur : 10,
						shadowColor : '#333'
					}
				},
				// data: convertData(mapData)
				data : convertData(mapData.sort(function(a, b) {
					return b.value - a.value
				}).slice(0, 5))
			}, {
				name : 'Top 5',
				type : 'scatter',
				zlevel : 1,
				coordinateSystem : 'geo',
				symbolSize : function(val) {
					// return val*4+8;
					return val[2] / 6 * 4 + 7
				},
				showEffectOn : 'render',
				rippleEffect : {
					brushType : 'stroke'
				},
				hoverAnimation : true,
				label : {
					normal : {
						// formatter: '{b}',
						position : 'right',
						show : false
					}
				},
				itemStyle : {
					normal : {
						color : '#f4e925',
						shadowBlur : 10,
						shadowColor : '#333'
					}
				},
				// data: convertData(mapData)
				data : convertData(mapData.sort(function(a, b) {
					return b.value - a.value;
				}).slice(5))
			} ]
};
		return optionMap;
}

var mapChart = echarts.init(document.getElementById('ec_map'))
mapChart.setOption(getOptionMap(mapData2014_dx,'电信'))

$("#mySelect").change(function(){
	var index = $("#mySelect").val();
	var year = $("#mySelect2").val();
	var optionMap = null;
	if(index == 1){//移动
		if(year == 2014){
			optionMap = getOptionMap(mapData2014_yd,'移动');
		}else if(year == 2015){
			optionMap = getOptionMap(mapData2015_yd,'移动');
		}else if(year == 2016){
			optionMap = getOptionMap(mapData2016_yd,'移动');
		}
	}else if(index == 2){//联通
		if(year == 2014){
			optionMap = getOptionMap(mapData2014_lt,'联通');
		}else if(year == 2015){
			optionMap = getOptionMap(mapData2015_lt,'联通');
		}else if(year == 2016){
			optionMap = getOptionMap(mapData2016_lt,'联通');
		}
	}else{//电信
		if(year == 2014){
			optionMap = getOptionMap(mapData2014_dx,'电信');
		}else if(year == 2015){
			optionMap = getOptionMap(mapData2015_dx,'电信');
		}else if(year == 2016){
			optionMap = getOptionMap(mapData2016_dx,'电信');
		}
	}
	mapChart.setOption(optionMap);
})

$("#mySelect2").change(function(){
	var year = $("#mySelect2").val();
	var index = $("#mySelect").val();
	var optionMap = null;
	
	if(year == 2014){
		if(index == 1){//移动
			optionMap = getOptionMap(mapData2014_yd,'移动');
		}else if(index == 2){//联通
			optionMap = getOptionMap(mapData2014_lt,'联通');
		}else{//电信
			optionMap = getOptionMap(mapData2014_dx,'电信');
		}
	}else if(year == 2015){
		if(index == 1){//移动
			optionMap = getOptionMap(mapData2015_yd,'移动');
		}else if(index == 2){//联通
			optionMap = getOptionMap(mapData2015_lt,'联通');
		}else{//电信
			optionMap = getOptionMap(mapData2015_dx,'电信');
		}
	}else if(year == 2016){
		if(index == 1){//移动
			optionMap = getOptionMap(mapData2016_yd,'移动');
		}else if(index == 2){//联通
			optionMap = getOptionMap(mapData2016_lt,'联通');
		}else{//电信
			optionMap = getOptionMap(mapData2016_dx,'电信');
		}
	}
	mapChart.setOption(optionMap);
})

var comm = '<ul><li>年份</li><li>2014</li><li>2015</li><li>2016</li></ul>';

var beijing = '<ul><li>北京电信</li><li>5.815</li><li>5.88</li><li>5.91</li></ul>'+
			 '<ul><li>北京联通</li><li>5.675</li><li>5.85</li><li>5.73</li></ul>'+
			 '<ul><li>北京移动</li><li>5.7</li><li>5.86</li><li>5.97</li></ul>';

var tianjin = '<ul><li>天津电信</li><li>5.802</li><li>5.98</li><li>5.96</li></ul>'+
			 '<ul><li>天津联通</li><li>5.692</li><li>5.98</li><li>5.92</li></ul>'+
			 '<ul><li>天津移动</li><li>5.827</li><li>5.972</li><li>5.99</li></ul>';

var shanghai = '<ul><li>上海电信</li><li>5.9</li><li>5.863</li><li>5.85</li></ul>'+
				'<ul><li>上海联通</li><li>5.795</li><li>5.702</li><li>5.91</li></ul>'+
				'<ul><li>上海移动</li><li>5.945</li><li>5.933</li><li>5.95</li></ul>';

var chongqing = '<ul><li>重庆电信</li><li>5.413</li><li>5.477</li><li>5.64</li></ul>'+
				'<ul><li>重庆联通</li><li>5.642</li><li>5.604</li><li>5.512</li></ul>'+
				'<ul><li>重庆移动</li><li>5.803</li><li>5.893</li><li>5.96</li></ul>';

var hebei = '<ul><li>河北电信</li><li>5.835</li><li>5.523</li><li>5.555</li></ul>'+
			'<ul><li>河北联通</li><li>5.677</li><li>5.767</li><li>5.37</li></ul>'+
			'<ul><li>河北移动</li><li>5.598</li><li>5.907</li><li>5.75</li></ul>';

var henan = '<ul><li>河南电信</li><li>5.773</li><li>5.777</li><li>5.96</li></ul>'+
			'<ul><li>河南联通</li><li>5.78</li><li>5.953</li><li>5.925</li></ul>'+
			'<ul><li>河南移动</li><li>5.82</li><li>5.96</li><li>5.5</li></ul>';

var yunnan = '<ul><li>云南电信</li><li>5.776</li><li>5.916</li><li>5.866</li></ul>'+
			'<ul><li>云南联通</li><li>5.836</li><li>5.95</li><li>5.484</li></ul>'+
			'<ul><li>云南移动</li><li>5.98</li><li>5.98</li><li>5.95</li></ul>';

var liaoning = '<ul><li>辽宁电信</li><li>5.935</li><li>5.307</li><li>5.73</li></ul>'+
				'<ul><li>辽宁联通</li><li>5.56</li><li>5.527</li><li>5.5</li></ul>'+
				'<ul><li>辽宁移动</li><li>5.94</li><li>5.98</li><li>6</li></ul>';

var heilongjiang = '<ul><li>黑龙江电信</li><li>5.835</li><li>5.88</li><li>5.765</li></ul>'+
					'<ul><li>黑龙江联通</li><li>5.595</li><li>5.913</li><li>5.58</li></ul>'+
					'<ul><li>黑龙江移动</li><li>5.8</li><li>5.933</li><li>5.985</li></ul>';

var hunan = '<ul><li>湖南电信</li><li>5.9</li><li>5.96</li><li>5.77</li></ul>'+
			'<ul><li>湖南联通</li><li>5.703</li><li>5.893</li><li>5.82</li></ul>'+
			'<ul><li>湖南移动</li><li>5.9</li><li>5.9</li><li>6</li></ul>';

var anhui = '<ul><li>安徽电信</li><li>5.8</li><li>5.67</li><li>5.89</li></ul>'+
			'<ul><li>安徽联通</li><li>5.7</li><li>5.88</li><li>5.85</li></ul>'+
			'<ul><li>安徽移动</li><li>5.9</li><li>5.93</li><li>6</li></ul>';

var shandong = '<ul><li>山东电信</li><li>5.678</li><li>5.82</li><li>5.72</li></ul>'+
			   '<ul><li>山东联通</li><li>5.507</li><li>5.63</li><li>5.933</li></ul>'+
			   '<ul><li>山东移动</li><li>5.92</li><li>5.721</li><li>5.8</li></ul>';

var xinjiang = '<ul><li>新疆电信</li><li>5.87</li><li>5.85</li><li>5.84</li></ul>'+
				'<ul><li>新疆联通</li><li>5.685</li><li>5.917</li><li>5.648</li></ul>'+
				'<ul><li>新疆移动</li><li>5.88</li><li>5.81</li><li>5.98</li></ul>';

var jiangsu = '<ul><li>江苏电信</li><li>5.84</li><li>5.907</li><li>5.94</li></ul>'+
				'<ul><li>江苏联通</li><li>5.82</li><li>5.88</li><li>5.57</li></ul>'+
				'<ul><li>江苏移动</li><li>5.83</li><li>5.877</li><li>5.93</li></ul>';

var zhejinag = '<ul><li>浙江电信</li><li>5.92</li><li>5.92</li><li>5.721</li></ul>'+
				'<ul><li>浙江联通</li><li>5.82</li><li>5.843</li><li>5.648</li></ul>'+
				'<ul><li>浙江移动</li><li>5.92</li><li>5.92</li><li>5.96</li></ul>';

var jiangxi = '<ul><li>江西电信</li><li>5.73</li><li>5.863</li><li>5.77</li></ul>'+
				'<ul><li>江西联通</li><li>5.25</li><li>5.897</li><li>5.56</li></ul>'+
				'<ul><li>江西移动</li><li>5.65</li><li>5.957</li><li>5.925</li></ul>';

var hubei = '<ul><li>湖北电信</li><li>5.635</li><li>5.613</li><li>5.68</li></ul>'+
			'<ul><li>湖北联通</li><li>5.715</li><li>5.81</li><li>5.24</li></ul>'+
			'<ul><li>湖北移动</li><li>5.798</li><li>5.9</li><li>5.9</li></ul>';

var guangxi = '<ul><li>广西电信</li><li>5.646</li><li>5.79</li><li>5.86</li></ul>'+
			'<ul><li>广西联通</li><li>5.66</li><li>5.78</li><li>5.62</li></ul>'+
			'<ul><li>广西移动</li><li>5.86</li><li>5.913</li><li>6</li></ul>';

var gansu = '<ul><li>甘肃电信</li><li>5.685</li><li>5.803</li><li>5.375</li></ul>'+
			'<ul><li>甘肃联通</li><li>5.25</li><li>5.257</li><li>5.53</li></ul>'+
			'<ul><li>甘肃移动</li><li>5.76</li><li>5.94</li><li>5.95</li></ul>';

var shanxi ='<ul><li>山西电信</li><li>5.84</li><li>5.7</li><li>5.703</li></ul>'+
			'<ul><li>山西联通</li><li>5.672</li><li>5.76</li><li>5.717</li></ul>'+
			'<ul><li>山西移动</li><li>5.87</li><li>5.963</li><li>6</li></ul>';

var neimenggu = '<ul><li>内蒙古电信</li><li>5.8</li><li>5.873</li><li>5.563</li></ul>'+
				'<ul><li>内蒙古联通</li><li>5.666</li><li>5.718</li><li>5.237</li></ul>'+
				'<ul><li>内蒙古移动</li><li>5.84</li><li>5.94</li><li>5.99</li></ul>';

var shangxi = '<ul><li>陕西电信</li><li>5.681</li><li>5.778</li><li>5.515</li></ul>'+
				'<ul><li>陕西联通</li><li>5.152</li><li>5.781</li><li>4.158</li></ul>'+
				'<ul><li>陕西移动</li><li>5.92</li><li>5.96</li><li>5.96</li></ul>';

var jilin = '<ul><li>吉林电信</li><li>5.406</li><li>5.513</li><li>5.695</li></ul>'+
			'<ul><li>吉林联通</li><li>5.64</li><li>5.55</li><li>5.613</li></ul>'+
			'<ul><li>吉林移动</li><li>5.82</li><li>5.96</li><li>5.98</li></ul>';


var fujian = '<ul><li>福建电信</li><li>5.52</li><li>5.91</li><li>5.893</li></ul>'+
			'<ul><li>福建联通</li><li>5.602</li><li>5.118</li><li>5.938</li></ul>'+
			'<ul><li>福建移动</li><li>5.764</li><li>5.955</li><li>5.925</li></ul>';

var guizhou = '<ul><li>贵州电信</li><li>5.748</li><li>5.823</li><li>5.004</li></ul>'+
			'<ul><li>贵州联通</li><li>5.643</li><li>5.992</li><li>5.184</li></ul>'+
			'<ul><li>贵州移动</li><li>5.92</li><li>5.82</li><li>5.87</li></ul>';

var guangdong = '<ul><li>广东电信</li><li>5.6</li><li>5.513</li><li>5.832</li></ul>'+
				'<ul><li>广东联通</li><li>5.529</li><li>5.63</li><li>4.721</li></ul>'+
				'<ul><li>广东移动</li><li>5.7</li><li>5.88</li><li>6</li></ul>';


var qinghai = '<ul><li>青海电信</li><li>5.524</li><li>5.833</li><li>5.708</li></ul>'+
				'<ul><li>青海联通</li><li>5.72</li><li>5.92</li><li>5.493</li></ul>'+
				'<ul><li>青海移动</li><li>5.696</li><li>5.92</li><li>5.97</li></ul>';

var xizang = '<ul><li>西藏电信</li><li>5.149</li><li>5.752</li><li>4.593</li></ul>'+
			'<ul><li>西藏联通</li><li>5.855</li><li>5.821</li><li>5.69</li></ul>'+
			'<ul><li>西藏移动</li><li>5.8</li><li>5.869</li><li>5.99</li></ul>';

var sichuang = '<ul><li>四川电信</li><li>5.509</li><li>5.82</li><li>4.995</li></ul>'+
				'<ul><li>四川联通</li><li>5.536</li><li>5.96</li><li>5.608</li></ul>'+
				'<ul><li>四川移动</li><li>5.884</li><li>6</li><li>5.97</li></ul>';

var ningxia = '<ul><li>宁夏电信</li><li>5.154</li><li>5.87</li><li>5.69</li></ul>'+
				'<ul><li>宁夏联通</li><li>5.496</li><li>5.79</li><li>5.629</li></ul>'+
				'<ul><li>宁夏移动</li><li>5.848</li><li>6</li><li> 5.92</li></ul>';

var hainan = '<ul><li>海南电信</li><li>5.768</li><li>5.79</li><li>5.064</li></ul>'+
			'<ul><li>海南联通</li><li>5.768</li><li>5.752</li><li>5.585</li></ul>'+
			'<ul><li>海南移动</li><li>5.909</li><li>5.98</li><li>5.9</li></ul>';


mapChart.on('click',function(param){
	var name = param.name;
	$("#win_div").empty();
	if(name == '北京'){
		$("#win_div").append(comm).append(beijing);
	}else if(name == '天津'){
		$("#win_div").append(comm).append(tianjin);
	}else if(name == '上海'){
		$("#win_div").append(comm).append(shanghai);
	}else if(name == '重庆'){
		$("#win_div").append(comm).append(chongqing);
	}else if(name == '河北'){
		$("#win_div").append(comm).append(hebei);
	}else if(name == '河南'){
		$("#win_div").append(comm).append(henan);
	}else if(name == '云南'){
		$("#win_div").append(comm).append(yunnan);
	}else if(name == '辽宁'){
		$("#win_div").append(comm).append(liaoning);
	}else if(name == '黑龙江'){
		$("#win_div").append(comm).append(heilongjiang);
	}else if(name == '湖南'){
		$("#win_div").append(comm).append(hunan);
	}else if(name == '安徽'){
		$("#win_div").append(comm).append(anhui);
	}else if(name == '山东'){
		$("#win_div").append(comm).append(shandong);
	}else if(name == '新疆'){
		$("#win_div").append(comm).append(xinjiang);
	}else if(name == '江苏'){
		$("#win_div").append(comm).append(jiangsu);
	}else if(name == '浙江'){
		$("#win_div").append(comm).append(zhejinag);
	}else if(name == '江西'){
		$("#win_div").append(comm).append(jiangxi);
	}else if(name == '湖北'){
		$("#win_div").append(comm).append(hubei);
	}else if(name == '广西'){
		$("#win_div").append(comm).append(guangxi);
	}else if(name == '甘肃'){
		$("#win_div").append(comm).append(gansu);
	}else if(name == '山西'){
		$("#win_div").append(comm).append(shanxi);
	}else if(name == '内蒙古'){
		$("#win_div").append(comm).append(neimenggu);
	}else if(name == '陕西'){
		$("#win_div").append(comm).append(shangxi);
	}else if(name == '吉林'){
		$("#win_div").append(comm).append(jilin);
	}else if(name == '福建'){
		$("#win_div").append(comm).append(fujian);
	}else if(name == '贵州'){
		$("#win_div").append(comm).append(guizhou);
	}else if(name == '广东'){
		$("#win_div").append(comm).append(guangdong);
	}else if(name == '青海'){
		$("#win_div").append(comm).append(qinghai);
	}else if(name == '西藏'){
		$("#win_div").append(comm).append(xizang);
	}else if(name == '四川'){
		$("#win_div").append(comm).append(sichuang);
	}else if(name == '宁夏'){
		$("#win_div").append(comm).append(ningxia);
	}else if(name == '海南'){
		$("#win_div").append(comm).append(hainan);
	}
	$(".mapWinOpen").fadeIn();
})

$(".mapWinClose").on('click',function(){
	$(".mapWinOpen").fadeOut();
})

$(".win_shade").on('click',function(){
	$(".mapWinOpen").fadeOut();
})

//饼图

var dataDx=[{value:335, name:'网络安全应急保障'},
              {value:310, name:'通讯信息诈骗专项工作'},
              {value:234, name:'特殊通信配合'},
              {value:135, name:'新技术新业务安全评估'},
              {value:1548, name:'IDC/ISP信息安全技术管理系统'},
              {value:1648, name:'移动上网日志留存工作'},
              {value:1748, name:'属地化网络信息安全监管'},
              {value:1848, name:'电话用户实名登记'},
              {value:1948, name:'网络安全防护'},
              {value:1548, name:'网络安全威胁治理'},
              {value:1248, name:'网络安全组织保障'}]

var dataLt=[{value:535, name:'网络安全应急保障'},
            {value:610, name:'通讯信息诈骗专项工作'},
            {value:734, name:'特殊通信配合'},
            {value:835, name:'新技术新业务安全评估'},
            {value:538, name:'IDC/ISP信息安全技术管理系统'},
            {value:448, name:'移动上网日志留存工作'},
            {value:648, name:'属地化网络信息安全监管'},
            {value:848, name:'电话用户实名登记'},
            {value:7548, name:'网络安全防护'},
            {value:548, name:'网络安全威胁治理'},
            {value:648, name:'网络安全组织保障'}]


var dataYd=[{value:1335, name:'网络安全应急保障'},
            {value:1310, name:'通讯信息诈骗专项工作'},
            {value:1234, name:'特殊通信配合'},
            {value:1135, name:'新技术新业务安全评估'},
            {value:1548, name:'IDC/ISP信息安全技术管理系统'},
            {value:1348, name:'移动上网日志留存工作'},
            {value:1448, name:'属地化网络信息安全监管'},
            {value:1648, name:'电话用户实名登记'},
            {value:1748, name:'网络安全防护'},
            {value:1848, name:'网络安全威胁治理'},
            {value:1948, name:'网络安全组织保障'}]

var dataAll=[{value:2335, name:'网络安全应急保障'},
             {value:2310, name:'通讯信息诈骗专项工作'},
             {value:2234, name:'特殊通信配合'},
             {value:2135, name:'新技术新业务安全评估'},
             {value:2548, name:'IDC/ISP信息安全技术管理系统'},
             {value:2348, name:'移动上网日志留存工作'},
             {value:2548, name:'属地化网络信息安全监管'},
             {value:3548, name:'电话用户实名登记'},
             {value:3548, name:'网络安全防护'},
             {value:4548, name:'网络安全威胁治理'},
             {value:5548, name:'网络安全组织保障'}]


var pieOption = function(){
	return {
		color : ["#ffe34e",  "#93dd6e", "#ff8700","#00a9e1","#560081","#af0058", "#ff8700", "#ffe34e", "#93dd6e","#00a9e1","#0046af","#360293","#560081","#af0058", "#ff8700", "#ffe34e", "#93dd6e"],
    title : {
    	show:false,
	    text: '某站点用户访问来源',
	    subtext: '纯属虚构',
	    x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
    	show:false,
    		top:'top',
    		right:'5%',
    		textStyle:{
    			color: 'rgba(255,255,255,0.8)'
    		},
        orient: 'vertical',
//      data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
          name: '',
          type: 'pie',
          radius : '55%',
          center: ['43%', '50%'],
//          data: 
          itemStyle: {
              normal:{
                  label:{
                      color:'#fff',
                  }
              },
              emphasis: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
          }
        }
    ]
	}
}

function legendData(data){
	var arr=[];
	for(var i=0;i<data.length;i++){
		arr.push(data[i].name)
	}
	return arr
}

var pieAll=pieOption();
pieAll.series[0].data=dataAll;
pieAll.legend.data=legendData(dataAll);


var pieMiddleChart = echarts.init(document.getElementById('ec_pie_middle'))
pieMiddleChart.setOption(pieAll);

var index=0
$(".caCheck").change(function(){
	index=$(".caCheck").val();
	if(index==0){
		var pieAll=pieOption();
		pieAll.series[0].data=dataAll;
		pieAll.legend.data=legendData(dataAll);
		pieMiddleChart.setOption(pieAll);
	}else if(index==1){
		var pieYd=pieOption();
		pieYd.series[0].data=dataYd;
		pieYd.legend.data=legendData(dataYd);
		pieMiddleChart.setOption(pieYd);
	}else if(index==2){
		var pieLt=pieOption();
		pieLt.series[0].data=dataLt;
		pieLt.legend.data=legendData(dataLt);
		pieMiddleChart.setOption(pieLt);
	}else{
		var pieDx=pieOption();
		pieDx.series[0].data=dataDx;
		pieDx.legend.data=legendData(dataDx);
		pieMiddleChart.setOption(pieDx);
	}
})


window.addEventListener('resize',function(){
	barChart.resize();
//	pieLeftChart.resize();
	pieMiddleChart.resize();
//	pieRightChart.resize();
	mapChart.resize()
})